<template>
    <div style="background-color:darkkhaki;">
        <button @click="show=true">听听老爸跟我说了什么</button>
        <p v-show="show">老爸说：{{ toSon }}</p>
        <p v-show="show">那我就用成绩来告诉老爸吧。
            <button @click="handle()">反馈</button>
        </p>
        <button @click="show1=true">听听老爸又跟我说了什么</button>
        <p v-show="show1">爸爸说：<span :style="{fontSize:getWidth}">棒！</span></p>
            爸爸又说{{msg}}
    </div>
</template>


<script>


export default{
    props:['toSon','wid'],
    data(){
        return{
            show:false,
            score:90,
            show1:false,
            msg:''
        
        }
    },
    methods:{
        handle(){
            this.$emit('score',this.score)
        },
        receiveMsg(val){
            this.msg=val
        }
    },
    computed:{
        getWidth(){
            return this.wid+'px'
        }
    }
}

</script>